<template>
<div>
  <!-- :visible.sync="isOpen"
    会被扩展成: :visible="isOpen" @update:visible="val=>isOpen=val"
    当子组件内部了，当它需要更新父组件中的foo的值时，它需要显示地触发一个更新事件：
        this.$emit("update:foo", newValue)
   -->
  <my-dialog width="60" top="80px" showClose :visible.sync="isOpen">
      我是标题
      <div slot="body">
        <p>具名插槽</p>
        <p>haha</p>
        <p>你还好吗？</p>
      </div>
      <div slot="footer">
        <my-button @click="isOpen=!isOpen">ok</my-button>
      </div>
  </my-dialog>
</div>
</template>

<script>
export default {
  data () {
    return {
      isOpen: true
    }
  }
}
</script>

<style>

</style>
